@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700|Pacifico');

$font-primary : 'Open Sans', sans-serif;
$font-secondary : 'Pacifico', cursive;
$font-tertiary : '', sans-serif;
$font-heading : $font-secondary;
$font-icon: FontAwesome;
$font-sas: 'sas-webfont';


$black: #222222;
$white: #ffffff;

// Global
$color-body: #999999;
$color-primary: #FD4D40;
$color-secondary: #F1C22E;
$color-tertiary: #16C3B0;
$color-quaternary: #2DB3D9;
$body-bg: #fff;
$font-body: $font-primary;

/* -------------------- 
TOPBAR SETTING
-----------------------*/
$topbar-bg: $color-secondary;
$topbar-color: $white;
$topbar-nav-color: $white;
$topbar-nav-hover-color: $white;
$topbar-font: $font-primary;

/* -------------------- 
NAVBAR SETTING
-----------------------*/
$navbar-bg: $white;
$navbar-font: $font-primary;
$navbar-color: $black;
$navbar-hover-color: $color-primary;
$navbar-active-color: $white;
$navbar-stiky-color: $color-primary;

/* -------------------- 
FOOTER SETTING
-----------------------*/
$footer-bg: $color-secondary;
$footer-font-color: $white;

/* -------------------- 
BUTTON SETTING
-----------------------*/
$btn-primary-hover: darken($color-secondary, 10%);
$btn-secondary-hover: darken($color-primary, 10%);


// Background
$bg__topbar: $color-primary;

.bolder{
	font-weight: 600;
}

.cfix{
	content: '';
	display: block;
	width: 100%;
	clear: both;
}

@import "mixin";